<!DOCTYPE html>
<html>
<head>
  <title>首页</title>
  <meta charset="utf-8">
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/header.css">
  <link rel="stylesheet" href="css/container.css">
  <link rel="stylesheet" href="css/banner.css">
  <link rel="stylesheet" href="css/content.css">
  <link rel="stylesheet" href="css/logined.css">
</head>
<body>
  <div class="container">
    <!--Header-Start-->
    <div class="header bgcabc flex item-center br14">
      <h1 class="logo">TabOJ</h1>
      <dd class="options w1200 clearfix">
        <dl class="functions">
          <dt><a href="home.html">首页</a></dt>
          <dt><a href="question-bank.html">题库</a></dt>
          <dt class="search">
            <input type="text" style="display:none">
          </dt>
        </dl>
        <dl class="user fr clearfix" style="display: none;">
          <dt>
            <img src="images/default-user.png" width="300" height="300" class="user-pic" draggable="false" onerror="this.src='images/default-user.png'">
          <dt><a href="javascript:void(0);" id="username"></a></dt>
          <dt><a href="javascript:void(0);" onclick="exit()">退出登录</a></dt>
        </dl>
        <dl class="user fr clearfix" style="display: none;">
          <dt><a href="login.html"  target="_blank">登陆</a></dt>
          <dt class="register"><a href="register.html" target="_blank">注册</a></dt>
        </dl>
      </dd>
    </div>
    <!--Header-End-->
    <!--Banner-Start-->
    <div class="banner w1200">
      <dd class="list flex">
        <dl>
          <dt>学习路线</dt>
          <dt>
            <a href="#">java后端</a>
            <a href="#">前端</a>
            <a href="#">c++</a>
          </dt>
        </dl>
        <dl>
          <dt>数据结构</dt>
          <dt>
            <a href="#">栈</a>
            <a href="#">队列</a>
            <a href="#">二叉树</a>
          </dt>
        </dl>
        <dl>
          <dt>算法</dt>
          <dt>
            <a href="#">基础算法</a>
            <a href="#">np问题</a>
            <a href="#">背包问题</a>
          </dt>
        </dl>
        <dl>
          <dt>题库</dt>
          <dt>
            <a href="#">简单</a>
            <a href="#">中等</a>
            <a href="#">困难</a>
          </dt>
        </dl>
        <dl>
          <dt>泛</dt>
          <dt>
            <a href="#">python</a>
            <a href="#">php</a>
            <a href="#">go</a>
          </dt>
        </dl>
      </dd>
      <img src="images/p1.jpg" width="980" height="284" alt="!" draggable="false" >
    </div>
    <!--Banner-End-->
    <!--Content-Start-->
    <div class="content w1200 flex">
        <div class="nav-content w1200">
          <p>推荐文章</p>
          <div class="massage">
            <a>标题</a>
            <p>文字</p>
          </div>
          <div class="massage">
            <a>标题</a>
            <p>文字</p>
          </div>
          <div class="massage">
            <a>标题</a>
            <p>文字</p>
          </div>
        </div>
        <div class="date flex fdc"></div>
    </div>
    <!--Content-End-->
  </div>
</body>
<script src="js/jquery.min.js"></script>
<script src="js/logout.js"></script>
<script src="js/getUser.js"></script>
<script>
  var date = new Date();
  var calendar = document.querySelector('.date');
  (function getCalendar(){
    calendar.innerHTML = `
    <span>${date.getDate()}</span>
    <span>${date.getFullYear()}/${date.getMonth()+1}/${date.getDate()}</span>
    `
  })();
  
</script>
</html>